body 
{
	background-color: #000030;
	background-image: url("background.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	font-family: calibri;
	color: #ffffff;
}

a:link 
{
	color: #0080ff;
	font-weight : bold;
	font-family: calibri;
	text-transform: capitalize;
}

a:visited 
{
	color: #b10e0e;
}
	
h1 
{
	color: #ffffff;
	font-family: Arial Black, calibri;
}

h2
{
	color: #ffffff;
	font-family: Arial black, calibri;
}

p
{
	color: #ff0000;
	font-family: calibri;
}

#contenu
{
padding: 3em;
margin-left:200px;
}

#header, logo
{
height:100px;
}

#header
{
font-size:2em;
text-align:center;
padding:1em;
}
#menu
{
position:fixed;
}

#menu-sup, #menusup ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#menusup {
/* on centre le menu dans la page */
    text-align: center;
}
#menusup li {
/* on place les liens du menu horizontalement */
    display: inline-block;
}
#menusup ul li {
/* on enlÃ¨ve ce comportement pour les liens du sous menu */
    display: inherit;
}
#menusup a {
    text-decoration: none;
    display: block;
	color:#000;
}
#menusup ul {
    position: absolute;
/* on cache les sous menus complÃ¨tement sur la gauche */
    left: -999em;
    text-align: left;
}
#menusup li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
	right:auto;
	}
	
#footer
{
bottom:0;
text-align:center;
}